<template>
  <div>
   <container :title="title" class="container">
      <dv-capsule-chart :config="config" />
    </container>
  </div>
</template>

<script>
import injectRootInstance from '@/components/datav/mixins/injectRootInstance'
export default {
  mixins: [injectRootInstance],
  data () {
    return {}
  },
  computed: {
    config () {
      return {
        data: this.rootThis.serviceTop.data,
        colors: ['#BB4C60', '#3E7EDB', '#CEB140', '#53A7AC', '#3E7DDB'],
        unit: '单位',
        showValue: true
      }
    },
    title () {
      return this.rootThis.serviceTop.title
    }
  }
}
</script>

<style scoped>
.container{
  height:311px;
}
</style>
